<div>
  <form [formGroup]="searchForm" class="example-form">
    <mat-form-field class="example-full-width">
      <mat-label>Поиск:</mat-label>
      <input formControlName="search" matInput placeholder="Название игры" value="Game">
    </mat-form-field>
  </form>
</div>
<div class="container">

  <mat-card class="example-card" *ngFor="let product of products">
    <mat-card-title>{{product.title}}</mat-card-title>


    <mat-card-content>
      <p>Цена: {{product.price | currency}}</p>
 
    </mat-card-content>
    <mat-card-actions>
      <button class="button" mat-flat-button color="primary" (click)="addToBasket(product)" type="button"><i class="fa-regular fa-heart"></i></button>
      <button class="button" mat-flat-button color="primary" [routerLink]="['/product', product.id]">Подробнее</button>


    </mat-card-actions>


  </mat-card>

</div>